<!DOCTYPE html><html><head><title>Preview</title>
<style type="text/css"><!--
@CHARSET "ISO-8859-1";

body {
    background-color: #07303B;
    margin: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    color: #FFE3C7;
}

.corpo {
  display: block;
  position: relative;
  background-color: #052129;
  border: 1px solid #0B4656;
  border-top: none;
}

.contencao {
  display: block;
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.cabecalho {
  display: block;
  position: relative;
  width: 100%;
  min-height: 150px;
  background: #00000F url(../img/cabec_fnd.jpg) repeat-x -1px;
}

.menuNavegacao {
  background: #0B4656 url(../img/menu_nav_fnd.png) repeat-x;
  padding: 4px;
}

.menuNavegacao a {
  display: inline-block;;
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  color: #FFCC99;
  margin-left: 5px;
  margin-right: 5px;
}

.menuNavegacao a:hover {
  color: #FFEDDB;
}

.menuNavegacao ul {
  display: inline-block;
  list-style:none;
  margin:0;
  padding:0;
}
.menuNavegacao li{
    display: inline-block;
}

.menuNavegacao li ul{
	background: #0B4656;
	border-left:1px solid #0B4656;
	border-right:1px solid #0B4656;
	border-bottom:1px solid #0B4656;
	display:none;
	height:auto;
	position:absolute;
	width:180px;
	z-index:1000;
}

.menuNavegacao li:hover ul{
	display:block;
}
.menuNavegacao li li {
	display:block;
	float:none;
	width:180px;
    margin-top: 3px;
}
.menuNavegacao li ul a{
	display:block;
	padding:0px 10px 0px 15px;
	text-align:left;
}
.menuNavegacao li ul a:hover{

}
.menuNavegacao p{
	clear:left;
}

.submenus {
  display: block;
  margin: 5px;
  padding: 2px;
  background: #082F3A  url(../img/submenu_nav_fnd.png);
  border-radius: 4px;
}

.botaoLink {
  display: inline-block;
  padding: 2px 12px 2px 12px;
  border: 1px solid #0B4656;
  background: #0B4656 url(../img/menu_nav_fnd.png) repeat-x;
  border-radius: 4px;
  color: #FFB870;
  font-size: 9pt;
  text-decoration: none;
  margin: 4px;
}

.botaoLink:hover {
  background: #08303B;
  color: #FFAD5C;
}

form, .viewTable {
  display: block;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #0B4656;
  border-radius: 4px;
  background: #08303B;
  padding: 10px
}

form dt {
  margin-top: 15px;
  margin-bottom: 5px;
}

form dd {
  border-bottom: 1px solid #0B4656;
  display: block;
  width: 100%;
  padding: 0px 0px 5px 0px;
  margin: 0px;
}

form .required {
  font-weight: bold;
  border-bottom: 1px dashed;
}

form input[type=text] {
  width: 95%;
}

form .errors {
  padding: 5px;
  background:#FFDD99;
  color: #FF0000;
  border-radius: 4px;
  list-style: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  text-align: center;
}

.viewTable {
    width: 95% !important;
}

.viewTable b {
  font-size: xx-small;
}

.viewTableRow {
  background: #06242D;
  border-radius: 4px;
  margin: 2px;
  padding: 5px;
}

.viewTableHeader {
  background: #0B4656 url(../img/menu_nav_fnd.png) repeat-x;
  border-radius: 4px;
  padding: 3px;
  padding-left: 10px;
}

.viewTableCell {
  display: inline-block;
  background: #08303B;
  border-radius: 4px;
  padding: 5px;
  margin-top: 2px;
}


--></style>
</head>
<body>
<a name="0"></a><body>Element body</body><br>
<a name="1"></a><div class="corpo">Class corpo</div>
<br>
<a name="2"></a><div class="contencao">Class contencao</div>
<br>
<a name="3"></a><div class="cabecalho">Class cabecalho</div>
<br>
<a name="4"></a><div class="menuNavegacao">Class menuNavegacao</div>
<br>
<a name="5"></a><div class="menuNavegacao a">Class menuNavegacao a</div>
<br>
<a name="6"></a><div class="menuNavegacao a">Class menuNavegacao a</div>
<br>
<a name="7"></a><div class="menuNavegacao ul">Class menuNavegacao ul</div>
<br>
<a name="8"></a><div class="menuNavegacao li">Class menuNavegacao li</div>
<br>
<a name="9"></a><div class="menuNavegacao li ul">Class menuNavegacao li ul</div>
<br>
<a name="10"></a><div class="menuNavegacao li">Class menuNavegacao li</div>
<br>
<a name="11"></a><div class="menuNavegacao li li">Class menuNavegacao li li</div>
<br>
<a name="12"></a><div class="menuNavegacao li ul a">Class menuNavegacao li ul a</div>
<br>
<a name="13"></a><div class="menuNavegacao li ul a">Class menuNavegacao li ul a</div>
<br>
<a name="14"></a><div class="menuNavegacao p">Class menuNavegacao p</div>
<br>
<a name="15"></a><div class="submenus">Class submenus</div>
<br>
<a name="16"></a><div class="botaoLink">Class botaoLink</div>
<br>
<a name="17"></a><div class="botaoLink">Class botaoLink</div>
<br>
<a name="18"></a><form>Element form</form><br>
<a name="19"></a><div class="viewTable">Class viewTable</div>
<br>
<a name="20"></a><form dt>Element form dt</form dt><br>
<a name="21"></a><form dd>Element form dd</form dd><br>
<a name="22"></a><form  class="required">Element form , Class required</form ><br>
<a name="23"></a><form input[type=text]>Element form input[type=text]</form input[type=text]><br>
<a name="24"></a><form  class="errors">Element form , Class errors</form ><br>
<a name="25"></a><div class="viewTable">Class viewTable</div>
<br>
<a name="26"></a><div class="viewTable b">Class viewTable b</div>
<br>
<a name="27"></a><div class="viewTableRow">Class viewTableRow</div>
<br>
<a name="28"></a><div class="viewTableHeader">Class viewTableHeader</div>
<br>
<a name="29"></a><div class="viewTableCell">Class viewTableCell</div>
<br>

</body></html>